<template>
	<div class="menuBody">
		<el-menu default-active="2" class="el-menu-vertical-demo" background-color="#545c64" text-color="#fff"
			active-text-color="#ffd04b" router>
			<el-menu-item index="/ManageIndex">
				<i class="el-icon-s-home"></i>
				<span slot="title">首页</span>
			</el-menu-item>
			<el-menu-item index="/UserManage">
				<i class="el-icon-user-solid"></i>
				<span slot="title">用户管理</span>
			</el-menu-item>
			<el-submenu index="1">
				<template slot="title">
					<i class="el-icon-location"></i>
					<span>农产品管理</span>
				</template>
				<el-menu-item index="/FarmManage">
					<i class="el-icon-setting"></i>
					<span slot="title">农产品</span>
				</el-menu-item>
				<el-menu-item index="/Sort">
					<i class="el-icon-setting"></i>
					<span slot="title">分类</span>
				</el-menu-item>
				<el-menu-item index="/FarmEvaluate">
					<i class="el-icon-setting"></i>
					<span slot="title">评价</span>
				</el-menu-item>
			</el-submenu>
			<el-submenu index="4">
				<template slot="title">
					<i class="el-icon-location"></i>
					<span>农家乐管理</span>
				</template>
				<el-menu-item index="/FormHoues">
					<i class="el-icon-setting"></i>
					<span slot="title">农家乐</span>
				</el-menu-item>
				<el-menu-item index="/HouseReservation">
					<i class="el-icon-setting"></i>
					<span slot="title">预定</span>
				</el-menu-item>
				<el-menu-item index="/HouseEvaluate">
					<i class="el-icon-setting"></i>
					<span slot="title">评价</span>
				</el-menu-item>
			</el-submenu>
			<el-submenu index="55">
				<template slot="title">
					<i class="el-icon-location"></i>
					<span>旅游景点管理</span>
				</template>
				<el-menu-item index="/TravelManage">
					<i class="el-icon-setting"></i>
					<span slot="title">旅游景点管理</span>
				</el-menu-item>
				<el-menu-item index="/ScenicEvaluate">
					<i class="el-icon-setting"></i>
					<span slot="title">点评</span>
				</el-menu-item>
			</el-submenu>
			<el-submenu index="6">
				<template slot="title">
					<i class="el-icon-location"></i>
					<span>风俗文化管理</span>
				</template>
				<el-menu-item index="/MoresManage">
					<i class="el-icon-chat-dot-square"></i>
					<span slot="title">风俗文化</span>
				</el-menu-item>
				<el-menu-item index="/MoresClassifycation">
					<i class="el-icon-setting"></i>
					<span slot="title">分类栏目</span>
				</el-menu-item>
			</el-submenu>
			<el-submenu index="3">
				<template slot="title">
					<i class="el-icon-location"></i>
					<span>交流中心管理</span>
				</template>
				<el-menu-item index="/ExchangePostManaeg">
					<i class="el-icon-setting"></i>
					<span slot="title">帖子管理</span>
				</el-menu-item>
				<el-menu-item index="/CommentManage">
					<i class="el-icon-setting"></i>
					<span slot="title">评论管理</span>
				</el-menu-item>
				<el-menu-item index="/InformationManage">
					<i class="el-icon-setting"></i>
					<span slot="title">助农资讯</span>
				</el-menu-item>
			</el-submenu>
			<el-submenu index="2">
				<template slot="title">
					<i class="el-icon-location"></i>
					<span>订单管理</span>
				</template>
				<el-menu-item index="/OrderManage">
					<i class="el-icon-shopping-cart-full"></i>
					<span slot="title">订单</span>
				</el-menu-item>
				<el-menu-item index="/LogisticsManage">
					<i class="el-icon-shopping-cart-full"></i>
					<span slot="title">物流快递</span>
				</el-menu-item>
			</el-submenu>
		</el-menu>
	</div>
</template>

<script>
</script>

<style scoped lang="scss">
	.menuBody {
		.el-menu {
			height: 100vh;
		}

		.el-submenu .el-menu-item {
			min-width: 190px;
		}
	}
</style>